<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>产品展示厅</title>

<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/left.css" rel="stylesheet" type="text/css">


<link href="css/ProductDisplay.css" rel="stylesheet" type="text/css">
</head>

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
  $(".subNav").click(function(){
    $(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd");

    $(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt");
    $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500);
  })  
})
</script>

<body>

<div class="bj"> 
<div class="top">
     <div class="logo"> <img src="images/logo.png" width="225" height="97"></div>
  <div class="shousuo"> <p class="wenzi">热搜 轮胎 车轮 轮轴</p><li>  <input name="" type="text"> <p class="suo"><a href="#">搜索</a></p></li>  </div>
  <div class="lianxi">

    <ul>
    <li class="font_12px">欢迎访问元通轮胎有限公司网站</li>
    <li class="tupian"><img src="images/top_ren.png" width="89" height="78"></li>
     <li  class="font_20px">020 38812035
186xxxxxxxx</li>  </ul>
    </div>
    
    
   
  </div>
<div class="nav">
<ul>
<li ><a href="index.php">首页</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li><a href="aboutyuantong.php">走进元通</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li class="dianji"><a href="productdisplay.php">产品展示</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li><a href="news.php">新闻资讯</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li><a href="marketing.php">客户服务</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li><a href="talent.php">人力资源</a></li>
<p> <img src="images/nav_zhongjian.png" width="3" height="50"></p>
<li><a href="method.php">联系我们</a></li>
</ul>

</div>

</div>

<div class="container">

<!--内容-->


<div class="content">
  <div class="content_top"><img src="images/chanpin_top.png" width="1125" height="238"></div>


  <div class="weizhi">
  <li> 首页&nbsp;>&nbsp;</li><li> 产品展示&nbsp;>&nbsp;</li><li class="aa">汽车</li>
  </div>
<!--内容左边-->

<div class="left">
  
<div class="subNavBox">

        <?php
        require_once 'power.php';
        $sql = "SELECT * FROM  `pp_title` ";
        $result = $conn->query($sql);

        ?> 



        <?php if ($result->num_rows > 0) : ?>                          
      <?php 
          $rows = $result->fetch_all(MYSQLI_ASSOC);
          foreach($rows as $row): ?>  
    <div class="<?php echo $row['class']; ?>">  <blockquote><?php echo $row['title']; ?></blockquote></div>
    <!--<div class="subNav"><?php //echo $row['title']; ?></div>-->
        <ul class="navContent" >
                <li class="a1"><a href="www.baidu.com" ><?php echo $row['form']; ?></a></li>
                <li><a href="<?php echo $row['link']; ?>"><?php echo $row['form1']; ?></a></li>
                <li><a href="#"><?php echo $row['form2']; ?></a></li>
                <li><a href="#"><?php echo $row['form3']; ?></a></li>
                <li><a href="#"><?php echo $row['form4']; ?></a></li>
        
        </ul>
        <?php endforeach;?>
                                        
                <?php else : ?>                       
                                        <p>0 个结果</p>
                <?php endif; ?>                                                   


</div>
</div>

<!--div class="left">
  
  <div class="subNavBox">

  <div class="subNav yuxuan">
    <blockquote>
      <p>汽车</p>
      </blockquote>
  </div>
   
    <ul class="navContent" >
    <ul>
      <li><a href="#" >桥车</a></li>
      <li><a href="#">货车</a></li>
      <li><a href="#">客车</a></li>
      <li><a href="#">越野汽车</a></li>
      </ul>
    </ul>


  <div class="subNav">
    <blockquote>
      <p>自行车</p>
      </blockquote>
  </div>
  <ul class="navContent">
    <ul>
      <li><a href="#">自行车</a></li>
      <li><a href="#">自行车</a></li>
      <li><a href="#">自行车</a></li>
      <li><a href="#">自行车</a></li>
      </ul>
    </ul>
  
  <div class="subNav">
    <blockquote>
      <p>电动车</p>
      </blockquote>
  </div>
  <ul class="navContent">
    <ul>
      <li><a href="#">电动车</a></li>
      <li><a href="#">电动车</a></li>
      <li><a href="#">电动车</a></li>
      </ul>
    </ul>
    
  <div class="subNav">
    <blockquote>
      <p>摩托车</p>
      </blockquote>
  </div>
  <ul class="navContent">
    <ul>
      <li><a href="#">摩托车</a></li>
      <li><a href="#">摩托车</a></li>
      <li><a href="#">摩托车</a></li>
      <li><a href="#">摩托车</a></li>
      <li><a href="#">摩托车</a></li>
      </ul>
    </ul>
</div>



</div-->
<!--内容左边-->
<!--内容右边-->
<div class="right">
    
    	<p class="right_txt">产品展厅</p>
        <!--图片排列-->

        <?php
      header("Content-Type: text/html; charset=utf-8");
      require_once 'power.php';
      $sql="SELECT * FROM  `pp_photo` LIMIT 0 ,4";
      $result = $conn->query($sql);
      $rows = $result->fetch_all(MYSQLI_ASSOC);
      
      $sql="SELECT * FROM  `pp_photo` LIMIT 4 ,12";
      $result1 = $conn->query($sql);
      $arows = $result1->fetch_all(MYSQLI_ASSOC);
      
      
      ?>
      
      <?php
      
      foreach($rows as $row){
          ?>
    	<div class="right_top1">
        	<ul>
            	<a href="#"><li><img src="<?php echo $row['img'];?>" width="168" height="152">                <p class="right_txt1"><?php echo $row['title'];?></p><p class="right_txt2"><?php echo $row['price'];?></p>                </li></a>
                             </li></a>
            </ul>
        </div>
    	
           <?php } ?>  
        <?php
      
      foreach($arows as $row){
          ?>
      <div class="right_top">
        	<ul>
            	<a href="#"><li><img src="<?php echo $row['img'];?>" width="168" height="152">                <p class="right_txt1"><?php echo $row['title'];?></p><p class="right_txt2"><?php echo $row['price'];?></p>                </li></a>
                             </li></a>
            </ul>
        </div>
      <?php }?>
            
        <!--图片排列-->
        <!--右下-->

 
      	<div class="right_footer">

   			<!--a href="#"><span>首页</span></a>
            <a href="#"><span class="righr_f_number">1</span></a>
            <a href="#"><span class="righr_f_number">2</span></a>
            <a href="#"><span class="righr_f_number">3</span></a>
            <a href="#"><span>尾页</span></a>
            <form action="productdisplay.html" method="get">
            	跳转到 <input class="righr_f_number1" name="" type="text" value="   1"> 页
            </form-->
 <?php
  header("Content-Type: text/html; charset=utf-8");
  require_once 'power.php';
  $sql="SELECT * FROM  `pp_footer1` LIMIT 0 ,6";
  $result = $conn->query($sql);
  $rows = $result->fetch_all(MYSQLI_ASSOC);
  ?>
     <?php
  
  foreach($rows as $row){
    ?>
         <a href="<?php echo $row['link'];?>"><span><?php echo $row['title'];?></span></a>
 <?php }?>

  <?php
  header("Content-Type: text/html; charset=utf-8");
  require_once 'power.php';
  $sql="SELECT * FROM  `pp_footer2` LIMIT 0 ,6";
  $result = $conn->query($sql);
  $rows = $result->fetch_all(MYSQLI_ASSOC);
  ?>
     <?php
  
  foreach($rows as $row){
    ?>      
            <a href="<?php echo $row['link'];?>"><span class="righr_f_number"><?php echo $row['title'];?></span></a>
 <?php }?>

  <?php
  header("Content-Type: text/html; charset=utf-8");
  require_once 'power.php';
  $sql="SELECT * FROM  `pp_footer3` LIMIT 0 ,6";
  $result = $conn->query($sql);
  $rows = $result->fetch_all(MYSQLI_ASSOC);
  ?>
     <?php
  
  foreach($rows as $row){
    ?>
         <a href="<?php echo $row['link'];?>"><span><?php echo $row['title'];?></span></a>
 <?php }?>
            <form action="productdisplay.html" method="get">
              跳转到 <input class="righr_f_number1" name="" type="text" value="   1"> 页
            </form>   
        
        </div>
        <!--右下-->
        
        
 </div>

<!--内容右边-->
<!--内容左下-->

<div class="left_footer">
    	<p class="left_footer_txt">轮胎品牌</p>
    
      
      <?php
    require_once 'power.php';
    $sql="SELECT * FROM  `tupian` LIMIT 0 , 6";
    $result = $conn->query($sql);
    ?>
    <?php if ($result->num_rows > 0) : ?>
    <?php
    $rows = $result->fetch_all(MYSQLI_ASSOC);
    foreach($rows as $row):?>
        <div class="left_img">
        		<ul>

                	<li class="<?php echo $row['class'];?>"><a href="<?php echo $row['link'];?>"><img src="<?php echo $row['img'];?>"></a></li>
        		</ul>
        </div>
  <?php endforeach;?>
     <?php else : ?>
       <p>结果</p>
     <?php endif ; ?>
</div>
 
<!--div class="left_footer">
      <p class="left_footer_txt">轮胎品牌</p>
       
        <div class="left_img">
            <ul>
                    <li class="left_img1"><img src="images/ProductDisplay_06.png" width="109" height="46"></li>
                    <li class="left_img2"><img src="images/ProductDisplay_07.png" width="109" height="46"></li>

            </ul>
        </div>
        
       <div class="left_img">
            <ul>
                    <li class="left_img3"><img src="images/ProductDisplay_08.png" width="109" height="46"></li>
                    <li class="left_img4"><img src="images/ProductDisplay_09.png" width="109" height="46"></li>

            </ul>
        </div>
        
         <div class="left_img">
            <ul>
                    <li class="left_img5"><img src="images/ProductDisplay_10.png" width="109" height="46"></li>
                    <li class="left_img6"><img src="images/ProductDisplay_11.png" width="109" height="46"></li>

            </ul>
        </div>
    
</div-->
<!--内容左下-->
</div>


<!--内容-->


</div>

<div class="footer ">
 <ul>
 <li>Copyright © 2012-2015 Seyoun.cn Inc. All Rights Reserved. 三元轮胎 版权所有 苏ICP备10218496号 

</li>
 <li>网站地图 | 联系方式 | 顶部</li>
 </ul>

</div>
</body>
</html>
